body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a {color:#555; text-decoration:none;text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline:none;display: block;width: 100%;height: 100%;}
a:hover { text-decoration:none; }
img { border:none; width: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline:none;}
ol,ul,li { list-style:none; }
input{focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}}
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
@media screen and (min-width:320px){html,body{font-size: 12px;}}
@media screen and (min-width:375px){html,body{font-size: 14px;}}
@media screen and (min-width:414px){html,body{font-size: 16px;}}
@media screen and (min-width:768px){html,body{font-size: 30px;}}
body{background: url(../images/bg.png) no-repeat; background-size: 100% auto;background-color: #ffe431;}
.banner{width: 100%;position: relative;}
.banner img{width: 100%;}
.banner .rollingInf{position: absolute;bottom: 2%;left: 18%;width: 60%;height: 10%;}
.content{width: 100%;position: relative;}
.content .barrage-top{position: absolute;top: 0;height: 20%;width: 100%;z-index: 100;}
.content .barrage-bottom{position: absolute;bottom: -20%;height: 30%;width: 100%;z-index: 100;}
.content .button{width: 60%;margin: 0 auto;position: relative;margin-top: 5px;}
.content .button img{width: 100%;position: absolute;top: 0;left: 0;}
.content .button .btn-slt{z-index: 10;}
.content .button .btn-nslt{z-index: 20;-webkit-animation: selected .6s infinite ease-in;-ms-animation: selected .6s infinite ease-in;animation:selected .6s infinite ease-in;}
.content .button .luckBtn{width: 80%;padding-top: 100%;z-index: 999;}
.raiders .raiderTitle{display: block;width: 32%;margin: 10% auto 7%;}
.raiders .rules{margin: 0 auto;}
.raiders .rules .ruleInfo{width: 100%;margin-top: 2rem;}
.raiders .rules .ruleInfo .imgTitle{display: block;width: 82%;margin: 0 auto;margin-bottom: 3%;}
.raiders .rules .ruleInfo .title{width: 86.8%;margin: 0 auto;margin-bottom: .3rem;text-align: center;color: #653222;line-height: 25px;}
.raiders .rules .ruleInfo .ps{display: block;width: 61%;margin: 0 auto;margin-bottom: .3rem;}
.raiders .rules .ruleInfo .explain{display: block;width: 84%;margin: 0 auto;margin-bottom: .3rem;}
.raiders .rules .ruleInfo .infoImg img{display: block;width: 72%;margin: 0 16% 5% 12%;}
.description{width: 90%;margin: 0 auto;margin-bottom: 2rem;}
.description .activityDescription{width: 18%;margin: 1.5rem auto 1rem;padding-top: 5%;background: url(../images/descriptionTitle.png) no-repeat;background-size: 100% auto;}
.description .rules{background-color: rgba(0,0,0,.1);border-radius: 10px;padding: 1rem;;text-align: left;color: #fff;text-align: justify;}
.description .rules li{line-height: 1.5rem;margin-top: 4%;margin-left: 6%;margin-top: 1rem;margin-left: 1.5rem;}
.description .rules li mark{background: 0;color: #fff;}
.description .rules li:before{content: "1.";vertical-align: top;color: #fff;margin-left: -1.4rem;text-align: center;};
.description .rules li:nth-of-type(1):before{content: "1."}
.description .rules li:nth-of-type(2):before{content: "2."}
.description .rules li:nth-of-type(3):before{content: "3."}
.description .rules li:nth-of-type(4):before{content: "4."}
.description .rules li:nth-of-type(5):before{content: "5."}
.brand{margin-bottom: 7rem;}
.brand .coBranding{width: 18%;margin: 1rem auto;padding-top: 5%;background: url(../images/coBranding.png) no-repeat;background-size: 100% auto;}
.brand .brandList{width: 16rem;margin: 0 auto;}
.brand .brandList li{width: 7.8rem;float: left;margin-bottom: .4rem;}
.brand .brandList li:nth-child(2n+1){margin-right: .4rem;}
.brand .brandList li:last-child{float:none;margin:0 auto;}
.sinaNews{width: 29%;margin: 0 auto;padding-bottom: 3rem;}

/*遮罩层*/
.mask{display: none;width: 100%;height: 100%;position: fixed;top: 0;background-color:rgba(0,0,0,.4);}
.mask .box{display: none;width: 20%;position: absolute;left: 0;right: 0;top: 38%;margin: auto;height: 100px;}
.mask .box img{width: 60%;display: block;margin: 0 auto;-webkit-animation: rotate 1s infinite ease-in;-ms-animation: rotate 1s infinite ease-in;animation:rotate 1s infinite ease-in;}
.mask .box p{text-align: center;margin-top: 5px;color: #ffc6e1;}
.mask .packets{background-size: 100% auto;padding-top: 100%;position: relative;top: 20%;z-index: 5;}
.mask .redPackets{display: none;}
.mask .redPackets .havePackets{background: url(../images/prize.png) no-repeat;background-size: 100% auto;position: absolute;display: block;width: 88%;height: 100%;top: 0;left: 0;right: 0;margin: auto;text-align: center;}
.mask .redPackets .cardHolderBtn{background: url(../images/cardHolder.png) no-repeat;background-size: 100% auto;}
.mask .redPackets .havePackets .spoil{position: absolute;top: 23%;left: 0;right: 0;color: #fe3000;font-size: 1.3rem;font-weight: 900;}
.mask .wbredPackets{display: none;}
.mask .wbredPackets .havePackets{background: url(../images/weiboPrize.png) no-repeat;background-size: 100% auto;position: absolute;display: block;width: 88%;height: 100%;top: 0;left: 0;right: 0;margin: auto;text-align: center;}
.mask .wbredPackets .cardHolderBtn{background: url(../images/gotIt.png) no-repeat;background-size: 100% auto;}
.mask .wbredPackets .havePackets .spoil{position: absolute;top: 23%;left: 0;right: 0;color: #fe3000;font-size: 1.3rem;font-weight: 900;}
.mask .btn{position: absolute;bottom: 37%;left: 0;right: 0;margin: auto;width: 40%;height: 10%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline:none;}
.mask .share{position: absolute;width: 73%;font-size: .7rem;bottom: 33%;left: 0;right: 0;margin: auto;text-align: center;color: #7b7b7b;z-index: 10;}
.mask .share ._select {background: url(../images/checked.png) no-repeat;background-size: 100% auto;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
.mask .share span {width: 1rem;height: 1rem;display: inline-block;background: url(../images/nocheck.png) no-repeat;background-size: 100% auto;vertical-align: middle;}
.mask .share p {display: inline-block;vertical-align: middle;}
.mask .no_redPackets{display: none;}
.mask .no_redPackets .noPackets{display: none;background: url(../images/again.png) no-repeat;background-size: 100% auto;position: absolute;display: block;width: 88%;height: 100%;top: 0;left: 0;right: 0;margin: auto;text-align: center;}
.mask .no_redPackets .cbTomorrow{background: url(../images/cbTomorrow.png) no-repeat;background-size: 100% auto;}
.mask .cardHolderBtn{color: #fff;font-size: 1.8rem;text-align: center;/*background: url(../images/cardHolder.png) no-repeat;background-size: 100% auto;*/}-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline:none;
.mask .cardHolderBtn a{display: block;width: 100%;height: 100%;}
.mask .redClose{width: 2.5rem;height: 2.5rem;border-radius: 1rem;background: url(../images/close.png) no-repeat;background-size: 100% auto;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 10%;/*top: 72%;*/}
.overTime{display: none;width: 13rem;height: 8rem;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 99;-webkit-animation: opct 3s both .6s ease-out;-ms-animation: opct 3s both .6s ease-out;animation:opct  3s both .6s ease-out;}
.overTimeBg{width: 100%;height: 100%;background-color: rgba(0,0,0,.6);border-radius: .4rem;}
.overTime p{display: inline-block;width: 100%;height: 2rem;line-height: 2rem;text-align: center;color: #fff;font-weight: bold;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;font-size: 1.2rem;}
.act_over{display: none;position: fixed;top: 0;width: 100%;height: 100%;}
.act_over .black_bg{width: 100%;height: 100%;position: absolute;top: 0;background-color: #000;opacity: 0.4;}
.act_over .show_box{width: 64%;position: fixed;height: 100px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background-color: #000;opacity: 0.7;border-radius: 5px;}
.act_over .over_slogan{width: 70%;position: fixed;height: 100px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;color:#fff;border-radius: 5px;}
.act_over .over_slogan p{width: 90%;margin:0 auto;font-size: 1rem;text-align: center;font-weight: bold;line-height: 100px;}
.popRedpackets{-webkit-animation: pop .7s both .4s ease;-ms-animation: pop .7s both .4s ease;animation:pop  .7s both .4s ease;}
.show{display: block!important;}
.hide{display: none!important;}
@-webkit-keyframes selected {
    0%{z-index: 20}
    100%{z-index: 1}
}
@-ms-keyframes selected { 
    0%{z-index: 20}
    100%{z-index: 1}
}
@keyframes selected {
    0%{z-index: 20}
    100%{z-index: 1}
}
@-webkit-keyframes rotate {
    0%{transform: rotateY(0deg);}
    20%{transform: rotateY(0deg);}
    60%{transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);}
}
@-ms-keyframes rotate { 
    0%{transform: rotateY(0deg);}
    20%{transform: rotateY(0deg);}
    60%{transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);}
}
@keyframes rotate {
    0%{transform: rotateY(0deg);}
    20%{transform: rotateY(0deg);}
    60%{transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);}
}
@-webkit-keyframes pop {
    0%{transform: scale(0,0);}
    30%{transform: scale(1.2,1.2);}
    50%{transform: scale(0.8,0.8);}
    70%{transform: scale(1.1,1.1);}
    90%{transform: scale(0.9,0.9);}
    100%{transform: scale(1,1);}
}
@-ms-keyframes pop { 
    0%{transform: scale(0,0);}
    30%{transform: scale(1.2,1.2);}
    50%{transform: scale(0.8,0.8);}
    70%{transform: scale(1.1,1.1);}
    90%{transform: scale(0.9,0.9);}
    100%{transform: scale(1,1);}
}
@keyframes pop {
    0%{transform: scale(0,0);}
    30%{transform: scale(1.2,1.2);}
    50%{transform: scale(0.8,0.8);}
    70%{transform: scale(1.1,1.1);}
    90%{transform: scale(0.9,0.9);}
    100%{transform: scale(1,1);}
}
@-webkit-keyframes opct {
    0%{opacity:1;}
    99%{opacity:0;}
    100%{z-index: -1;}
}
@-ms-keyframes opct { 
    0%{opacity:1;}
    99%{opacity:0;}
    100%{z-index: -1;}
}
@keyframes opct {
    0%{opacity:1;}
    99%{opacity:0;}
    100%{z-index: -1;}
}
